body {background-color: white; margin: 0; padding: 0; border: 0; color: #444; height: 100%;}
img {border: 0}

img.inline {margin: 0 3px -4px 0;}

html, td, th, input, select, small, textarea { font-family: Tahoma, Arial, sans-serif;}

h2 {margin-top: 10px;}
a {color: #018ed4;}
h2 a {text-decoration: none;}

div.blockinfo, div.blockerror, div.blockwarn {padding-left: 40px; margin: 20px 0; min-height: 30px;}
div.blockinfo div.outline, div.blockerror div.outline, div.blockwarn div.outline {
	padding: 8px 10px;
}

div.blockinfo  {background: url(/image/notify-info.gif) no-repeat; }
div.blockinfo div.outline {background-color: #eef8ff;}

div.blockerror strong, div.blockerror strong a, div.blockerror b, div.blockerror b a {color: red;}
div.blockerror {background: url(/image/notify-error.gif) no-repeat;}
div.blockerror div.outline {background-color: #ffeeee;}

div.blockwarn strong, div.blockwarn strong a, div.blockwarn b, div.blockwarn b a {color: orange;}
div.blockwarn  {background: url(/image/notify-warn.gif) no-repeat;}
div.blockwarn div.outline {background-color: #fffaee;}

div.rules div.scroll {height:500px;margin-left: 15px;}
div.rules div.right {margin-right: 10px;margin-top: 5px;}

div.shag {font-weight: bold;display: inline; font-size: 120%;}

form .comment, form .comment a {color: #555; font-size: 90%; text-decoration: none;}

form .field {
	background-color: #f5f5f5;
	margin: 5px 0; padding: 5px; text-align: left;
}

/*label {clear: both;}*/

label.select, label.inputtext, label.inputpassword {
	display: block;
	width: 150px;
	float: left;
	text-align: right;
	padding: 0 15px 0 0;
	height: 100%;
}
label.required, div.required {font-weight: bold;}
div.radio label.required {font-weight: normal;}
label.entity_box {display: block}

textarea {clear: both; width: 100%;}

form div.text input, form div.password input {width: 100%;}
input.submit {margin: 20px 0;}
input.text {width: 195px;}
input.numeric, input.integer, input.float, input.currency, input.percent {text-align: left;}

form input, form textarea, form select {font-size: 100%;}
form div.controls {padding-left: 165px;}
form .controls input, form .controls button {font-size: 100%;}


form label.textarea {display: inline; width: auto; text-align: left;}

form input.submit {margin: 20px 0;}

form div.radio {display: block; margin-left: 165px;}
form div.simple_radio_list div.radio {margin-left: 0;}
form div.radio input.radio {width: auto;}
form div.radio label.inputradio {float: none; clear: none; margin: 0; padding: 0; display: inline;}

form div.textarea, form div.text, form div.password {text-align: left;}
form div.textarea .comment, form div.text .comment, form div.password .comment,
form div.textarea .readonly, form div.text .readonly
 {text-align: left;}

form .comment {}

form .value {text-align: left;}
form div.select, form div.text, form div.password {padding: 0 8px 0 165px}
form div.textarea {padding-right: 5px;}
form#admin_add_money label.inputtext {width: 220px;}
form#admin_add_money div.text {margin: 0 5px 0 105px;}
form#confirm label, form#confirm div.label {font-weight: bold}
form#confirm div.textarea {margin: 0 5px 0 165px;}
form#confirm label.textarea, form div.label {
	display: block;
	width: 150px;
	float: left;
	text-align: right;
	padding: 0 15px 0 0;
}

form div.checklist {
	display: block;
	width: auto;
	float: none;
	text-align: left;
	padding: 0;
}

ul li {list-style-image: url(/image/li.gif);}

ul.nobullet li {list-style-image: none; list-style-type: none;}

h1 {font-size: 145%; margin-bottom: 5px;}
h2 {font-size: 130%}
h3 {font-size: 115%}
h4 {font-size: 100%}

.icon {width: 16px; height: 16px; text-align: center; vertical-align: middle;}

.clearer {width: 100%; clear: both; height: 1px; display: block; line-height: 1px;}
.nojs, #nocookie {background: url(/image/wave-bg.png) navy; padding: 10px; color: white; font-weight: bold; text-align: center;}

span.link {cursor: pointer; color: #0e57c5; text-decoration: underline;}
span.owner2 {color: #669bc3; font-weight: bold;}
span.red {color: #ff0000;}
span.owner1 {color: #1dc568; font-weight: bold;}
span.strong {font-weight: bold;}

div.left {float: left;}
div.right {float: right;}

#nocookie {display: none;}

#body {font-size: 90%; margin: 10px 15px; width: 95%;}

#body {min-width: 750px}
#head {width: 100%;}
#head .logo a {}
#head .logo a img {width: 215px; height: 63px;}
#head .logo a img.big {width: 215px; height: 63px;}
#head a.login {margin: 20px 20px 0 0;}
#head a.login img {width: 7px; height: 7px;}

#head th.logo {width: auto; text-align: left;}

#head th.account {width: 250px; padding-left: 20px; font-weight: normal; background: none; text-align: left;}
#head th.account .login, #head th.account .logout {text-align: center; padding: 0}
/*#head-top td.account .logout a {color: red;}*/
#head th.account .logout {text-align: right; float: right;}

#head th.account h3 {margin: 0; padding: 0 0 3px 20px; border: 0;}
#head th.account div {padding-left: 20px;}

#head table {width: 100%}

#head th.menu {
	padding: 0;
}

#head th.menu .f div {
	padding: 12px 0;
}

#head th.menu div.first {
	background: url(/image/teaser-3-tl.gif) 0 0 no-repeat;
}

#head th.menu div.first div {
	background: url(/image/teaser-3-bl.gif) 0 100% no-repeat;
}

#head th.menu div.last {
	background: url(/image/teaser-3-tr.gif) 100% 0 no-repeat;
}

#head th.menu div.last div {
	background: url(/image/teaser-3-br.gif) 100% 100% no-repeat;
}


#head th.active .b {background: url(/image/wave-bg-blue.gif) #cee2f0;}
#head th.neutral .b {background: url(/image/wave-bg-gray.gif) #eee;}
#head th.register .b {background: url(/image/wave-bg-gree.gif) #5ef770; /*#17f030;*/}
#head th.register .b a {color: white;}

/*#head-top .active div {background-color: #9cc6e6;}
#head-top .active a {color: white;}*/

form#login .reminder {text-align: center;}

form#login {width: 330px;}
form#login label.inputtext, form#login label.inputpassword {
	display: block; width: 70px; float: left; text-align: right; padding: 0 ;
}

form#login div.text, form#login div.password {padding: 0 5px 0 85px}

form#login input.text {width: 95%; margin-right: 30px;}
form#login .controls {text-align: left; margin: 20px 0 20px 85px;}
form#login div.checkbox input.checkbox {
	margin: 0; padding: 0; display: inline; width: auto;
}

form#login .controls {padding-left: 0}

#teaser {clear: both; width: 100%;}
#teaser tr {margin: 0; border: 0; padding: 0;}
#teaser td {width: 33%; border: 0;}

#teaser td {padding: 0 10px 20px 90px; vertical-align: top;}
#teaser td img.t {float: left; margin: 20px 0 0 -85px}

#teaser td {background-image: url(/image/teaser-bg.png)}

#teaser td.third {background-image: url(/image/teaser-3-bg.png);}
#teaser td .top img.left {float: left; margin: 0 0 0 -90px}
#teaser td .top img.right {float: right; margin: 0 -10px 0 0}

#teaser td p a {color: #68737c; text-decoration: none;}
#teaser td.third a {color: white;}

#teaser tr.shadow td {background: url(/image/teaser-shadow.png) no-repeat; height: 30px;}
#teaser td .top img.left, #teaser td .top img.right, #teaser td .bottom img.left, #teaser td .bottom img.right {
	position: relative; z-index: 90;
	width: 3px; height: 3px;
}

#teaser td .bottom img.left {float: left; margin: -5px 0 0 -90px;}
#teaser td .bottom img.right {float: right; margin: -5px -10px 0 0;}

#shadow{
    z-index: 98;
    display: none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#333;
    -moz-opacity: 0.4;
    opacity:.40;
}

#modal {
/*    position: fixed !important;*/
    position: absolute;
/*
    width: 50%;
    min-width: 450px;
*/
    left: 60%;
    margin-left: -25%;
    top: 135px;
	  top: 25%;
    background: #ffffff;
    border: solid #eeeeee 5px;
    display: none;
    z-index: 99;
    text-align: center;
}


.modal_window {
    position: absolute;
    left: 0;
	top: 0;
/*
    margin-left: -25%;
    top: 135px;
	top: 25%;
*/
    background: #ffffff;
    border: solid #eeeeee 5px;
    display: none;
    z-index: 99;
    text-align: center;
}

#modal-group-add {
  z-index: 99;
}

#modal h1, #modal h2, #modal h3, #modal h4 {text-align: center;}

#modal form {display: none}
#modal form {margin: auto; text-align: left;}
#modal .links { font-size: 90%; text-align: right; width: 95%; }

#main {clear: both}
#main td {vertical-align: top;}
#main table.intro, #main table.news {width: 100%;}
#main #menu {width: 250px; padding-left: 20px;}

#main #menu h2, #main #menu h3, #main #menu h4 {padding: 0 0 0 20px; margin: 0 0 7px 0; clear: both;}
#main #menu .project_info h2, #main #menu .project_info h3, #main #menu .project_info h4 {
	padding-left: 0; margin-top: 0;
}

#main #menu ul {margin-top: 0;}

#main #menu .hi {list-style-image: url(/image/li-hi.gif); }
#main #menu .project_info .hi {margin-top: 10px; background: none; padding: 0;}
#main #menu .hi a {color: #63c812;}
.hi a {color: #63c812;}
table a.hi {color: #63c812;}
#main #menu div.project_info {
	background: url(/image/wave-bg-gray.gif) #eee; margin-bottom: 20px;
}
#main #menu div.project_info div div div div {padding: 20px;}
#main #menu div.project_info select {width: 200px}

#main #menu li span.disabled {color: silver;}
#main #menu li span.current, #main #menu li span.current a {font-weight: bold; color: #444;}
#main #menu h3 a.current {color: #444;}

#main #contents .intro td {vertical-align: top;}
#main #contents .rate h3, #main #contents .rate p {text-align: left;}

#main #contents table {vertical-align: top;}
#main #contents .news table {border-collapse: collapse;}
#main #contents .news td {width: 50%; padding: 0 20px 0 0;}
#main #contents .news td.last {border-left: 1px solid silver; padding: 0 0 0 20px;}
#main #contents .news .date {color: silver;}
#main #contents .news h4 {margin: 0; padding: 0; border: 0; color: #68737c;}
#main #contents .news h4 a {color: #68737c; text-decoration: none;}
#main #contents .news p {margin-bottom: 0;}
#main #contents .news p a.hidden {color: #444; text-decoration: none;}

#body #footer td {padding: 40px 0;}
#footer ul {margin: 0; padding: 0; border: 0;}
#footer li {display: inline; margin: 0 20px 0 0;}
#footer li a {color: gray}
#footer li, #footer div.copy {font-size: 80%;}
#footer div.copy {margin-top: 20px; vertical-align: middle;}
#footer div.copy img {float: left; margin-right: 30px;}
#footer div.copy, #footer div.copy a {color: silver}
#footer div.copy div.text {padding-top: 5px;}

form .links {float: left; text-align: center;}
#modal-dialog #login-form .links {margin: 0; text-align: center;}

#modal-dialog #login-form div.text, #modal-dialog #login-form div.password {
	display: inline; margin: 0; padding: 0;
}

/*
#regform .field {padding: 5px 15px 5px 165px;}
#regform .field label {width: 150px; text-align: right; padding: 0; margin-left: -160px; float: left; display: block; position: relative;}
#regform .field input.checkbox {margin: 0; display: inline;}
#regform .field label.inputcheckbox {float: none; width: auto; margin: 0; display: inline;}
#regform .field input {width: 100%;}
*/

#regform td {vertical-align: top;}
#regform td.input {width: 70%; padding: 0;}

#regform .reg_counter {margin: 0 20px 10px 20px;}
#regform h4 {margin: 5px 0 10px 0; padding-top: 0;}
#regform #site-counter, #regform #query-counter, #regform #site-quota, #regform #query-quota {
	font-weight: bold;
}

/* background: url(/image/nav-arr-end.gif) 0 50% no-repeat; margin-left: -20px; */

/* table th.switch {} */
table th.check {width: 20px;}
table th.num {width: 20px;}

table td.num {text-align: right;}
table td.boolean {text-align: center;}
/*table td.delta {text-align: right; white-space: nowrap;}*/
table td.delta { white-space: nowrap;}
td div.pos {
    display:inline-block;
    width: 90%;
    text-align:right;
}
td div.et {
    display: inline-block; 
    width: 20px; 
    text-align: center;
}

td div.et span {
    font-weight: bold;
    color: red;
    border: 1px solid red;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 20px;
    padding: 0 6px;
    cursor: default;
}

table td.delta sup {color: #00cc00; font-size: 70%;cursor:help}
table td.delta sub {color: red; font-size: 70%;cursor:help}
table td.delta a {color: #444; text-decoration: none;}
table td.delta a:hover {text-decoration: underline}
table td.center {text-align: center;}

table.controls {width: 100%;}
table.controls tr {background-color: transparent; }
table.controls, table.controls td {border: 0;}

table.designed {border: 1px solid silver; width: 100%;}
table.designed tr td {border-top: 1px dotted silver;}
table.designed tr.top td {border-top: 0;}
table.designed tr.plain td {border-top: 1px solid silver;}
table.designed tr.d0 td {
	border-top: 1px solid silver;
}
table.designed tr.warning td { color:#bc46b6;}

/* table borders */
table.designed td {
	padding: 2px .5em;
	border-right: 1px dotted silver;
	vertical-align: middle;
}

table.designed tr.d0 td {
	border-right: 1px solid silver;
}

table.designed caption {
	padding: 5px 7px;
/*	background-color: #eee;
	border-top: 1px solid silver;
	border-left: 1px solid silver;
	border-right: 1px solid silver;*/
	font-weight: bold;
	color: gray;
	text-align: left;
}
table.designed th {
	background-color: #eee /*#9cc6e6*/;
	padding: 5px 7px;
	border-right: 1px solid silver;
	color: gray;
}
table.designed th a {color: #444; text-decoration: none;}

table.designed tr td.last, #contents table tr th.last {
	border-right: 0;
}

table.designed td.etalon {text-align: center;}
table.designed td.etalon span {
    cursor: pointer;
    color: white;
    font-weight: bold;
    background-color:#63c812;
    border: 1px solid #63c812;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 0 4px;
    display: inline-block;
}

table.designed span.details-button {position: absolute; right: 10px;}
/*table.designed span.site {float: left;}*/
table.designed span.site, table.designed span.details-button {cursor: pointer;}
table.designed tr { background-color: #f8f8ff;/*#eaf1f5*/; }
table.designed tr.d0 { background-color: #b8d5eb; /*#7db0d6;*/ }
table.designed tr.d1 { background-color: #f5faff;; /*#e0f0f5;*/ }
table.designed tr.d2 { background-color: white; /*#f0f0f5;*/ }
table.designed tr.d3 { background-color: white;}

table.designed tr.d0 td { font-weight: bold; }
table.designed tr.d2 td { border-top: 1px dotted silver; padding-top: 1px; padding-bottom: 1px; }
table.designed tr.d3 td { font-size: 90%; border-top: none; padding-top: 1px; padding-bottom: 1px; }

table.designed td.switch { border-top: none; }
/* table.designed tr.d2 td.switch { border-top: none; } */

table.designed td.options {
	text-align: center;
	white-space: nowrap;
}

table.designed tr.d0 td.switch { /* padding-left: 5px; */ }
table.designed tr.d1 td.switch { padding-left: 20px; border-top: none; }
table.designed tr.d2 td.switch { padding-left: 35px; border-top: none; }
table.designed tr.d3 td.switch { padding-left: 50px; border-top: none; }

table.designed tr.d0 td.string { /* padding-left: 5px; */ }
table.designed tr.d1 td.string { padding-left: 20px; }
table.designed tr.d2 td.string { padding-left: 35px; }
table.designed tr.d3 td.string { padding-left: 50px; }

table.designed tr.d0:hover { background-color: #b3d0e5; color: black; }
table.designed tr:hover { background-color: #ffffdd; color: black; }

table.designed td.value_down {
    background-color: #ffe8e8;
}
table.designed tr.d0 td.value_down {
    background-color: inherit;
}
.mark_pos_down {
    color: #cc0000;
}
table.designed td.value_up {
    background-color: #e8ffe8;
}
table.designed tr.d0 td.value_up {
    background-color: inherit;
}
.mark_pos_up {
    color: #00cc00;
}

.mark_pos_const {
    color: black;
	font-weight: bold;
}
.old .mark_pos_up, .old .mark_pos_down, .old .mark_pos_const {
    color: #999;
}

table.designed {width: 100%}
table.designed th {white-space: nowrap;}
table.designed table.nested tr td {border-top: 0;}

table.filter-blocked tr.warn {color: #444;}
table.designed tr.warn div.pager {color: #444;}

table.headbreak tr th {white-space: normal !important;}

#main #contents table.details td, #main #contents table.details, #main #contents td.site_info {border: 0; margin: 0; padding: 0;}

table.top { border-collapse: collapse; border: 0; width: 100%;}
table.top tr {background-color: transparent;}
table.top th {padding: 5px; background-color: transparent;}
table.top .selector {width: 50%; white-space: nowrap; }
table.top .tab {border-left: 1px solid silver; text-align: center;}
table.top th.selector {text-align: left;}
table.top th.selector label {display: inline; width: auto; }
table.top th.selector select {margin-left: 10px;}
table.top th.selector .select {display: inline; padding: 0;}
table.top .regular, table.top .selector, table.top .disabled  {
	border-bottom: 1px solid silver;
}

.tab {
	border-top: 1px solid silver;
}

table.top tr th.last, table.top tr th.active {
	border-right: 1px solid silver !important;
}

table.top tr.graph td {
	text-align: center; padding: 20px 20px 5px 20px;
	border: 1px solid silver;
	border-top: 0;
}

/*
table.top tr.opentop td {
	border-top: 1px solid white !important;
}
*/

#data .upper-controls div.label {display: inline; width: auto;}
#data .upper-controls div.radio {display: inline; margin: 0; padding: 0;}

form#login span.asterix {display: none !important;}
table.top tr th.selector label span.asterix {display: none !important;}
#data .upper-controls div.label .asterix {display: none;}

.rate .graph {text-align: center;}

.report-header h2 {float: left; margin-bottom: 5px;}
.report-header .date {float: right; padding-top: 15px;}

address.project-region {
  font-weight: normal;
  margin-bottom: 10px;
  padding: 3px 10px;
  background-color: #00aa33;
  color: white;
  font-size: 14px;
  font-style: normal;
  display: inline-block;
}

address.project-priority {
  font-weight: normal;
  margin-bottom: 10px;
  padding: 3px 10px;
  background-color: #ffcc00;
  color: white;
  font-size: 14px;
  font-style: normal;
  display: inline-block;
}

.alert h4, .alert a, .error, div.error, span.error, .errors span, .errors div {color: red;}
.alert li {margin-bottom: 0.5em}
.errors span {font-weight: bold;}
.warn {color: #ff6600;}

form div.field {clear: both;}

#regform #tariff_calc {width: 100%}
#regform #tariff_calc td {white-space: nowrap; padding: 5px;}
#main #contents #regform .input {padding-right: 15px;}

#regform #tariff_calc td label {font-weight: bold;}
#regform #tariff_calc td div {margin: 3px 10px 0 10px;}

#regform #tariff_calc tr.normal_odd  { background-color: #f8f8f8; }
#regform #tariff_calc tr.normal_even { background-color: #f0f0f0; }
#regform #tariff_calc tr.inactive_odd  { background-color: #e8e8e8; color: #999999;}
#regform #tariff_calc tr.inactive_even { background-color: #e0e0e0; color: #909090;}
#regform #tariff_calc tr.active_odd  { background-color: #bdd8ed; font-weight: bold; color: #06527d;}
#regform #tariff_calc tr.active_even { background-color: #bdd8ed; font-weight: bold; color: #06527d;}

#regform #tariff_calc ul, #regform #tariff_calc li {margin: 0; padding: 0; list-style-type: none;}

#regform #tariff_calc div { font-size: 90%; }

div#info-popup {width: 596px; position: absolute; z-index: 90; display: none; left: 90px;}
div#info-popup div {width: 100%;}
div#info-popup .top {background: url(/image/info-top.png); height: 11px;}
div#info-popup.upper .top {background: url(/image/info-top-upper.png); height: 2px;}
div#info-popup-content {
	background: url(/image/info-bg.png);
}
div#info-popup .bottom {background: url(/image/info-bottom.png); height: 2px;}
div#info-popup.upper .bottom {background: url(/image/info-bottom-upper.png); height: 11px;}

div#calendar {background: url(/image/wave-bg.png) #eee; padding: 0; margin-bottom: 15px;}
div#calendar div.s div.s div.s div.s {padding: 7px}

div#calendar table {border-collapse: collapse; width: 100%;}
div#calendar table td {text-align: center; padding: 0;}
div#calendar table td.act_cell div, div#calendar table td.curr_cell div {
	padding: 0;
}
div#calendar table td.act_cell div.c div.c div,
div#calendar table td.curr_cell div.c div.c div,
div#calendar table td div {
	padding: 3px;
}
div#calendar table th.weekend, div#calendar table th.weekend a {color: #63c812;}
div#calendar table tr.top th {padding: 5px 0 10px 0;}
div#calendar table tr.today td {padding: 10px 0 5px 0;}
div#calendar table td.now {font-weight: bold; background-color: #7db0d6;}

div#calendar table tr.top th.first a, div#calendar table tr.top th.last a {
	text-decoration: none;
}

div#calendar table tr.d {background: white;}


#calendar .act, #calendar .act_curr, #calendar .report, div#calendar table tr td.act_cell {
	font-weight: bold;
	background-color: #4289be;
	color: white;
}

#calendar .act a, #calendar .report a, #calendar .act_curr a {
	color: white;
}

/* white angles */

#main #menu .project_info div,
#calendar .act_begin, #calendar div.s,
#calendar .curr_begin, #calendar .clean_begin,
#calendar .curr_cell, #calendar .act_cell {
	background-image: url(/image/cal-round-tl.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

#main #menu .project_info div div,
#calendar .act_begin div, #calendar div.s div.s,
#calendar .curr_begin div, #calendar .clean_begin div,
#calendar .curr_cell div.c, #calendar .act_cell div.c {
	background-image: url(/image/cal-round-bl.gif);
	background-position: 0 100%;
	background-repeat: no-repeat;
}

#main #menu .project_info div div div,
#calendar .act_end, #calendar div.s div.s div.s,
#calendar .curr_end, #calendar .clean_end,
#calendar .curr_cell div.c div.c, #calendar .act_cell div.c div.c {
	background-image: url(/image/cal-round-tr.gif);
	background-position: 100% 0;
	background-repeat: no-repeat;
}

#main #menu .project_info div div div div,
#calendar .act_end div, #calendar div.s div.s div.s div.s,
#calendar .curr_end div, #calendar .clean_end div,
#calendar .curr_cell div.c div.c div, #calendar .act_cell div.c div.c div {
	background-image: url(/image/cal-round-br.gif);
	background-position: 100% 100%;
	background-repeat: no-repeat;
}

/* gray angles */

/* #calendar .upper .curr_begin, */
#calendar .upper .act_begin,
#calendar .upper .clean_begin,
#calendar .upper .curr_cell, #calendar .upper .act_cell {
	background-image: url(/image/cal-round-gtl.gif);
}

/* #calendar .lower .curr_begin div, */
#calendar .lower .act_begin div,
#calendar .lower .clean_begin div,
#calendar .lower .curr_cell div.c, #calendar .lower .act_cell div.c {
	background-image: url(/image/cal-round-gbl.gif);
}

/* #calendar .upper .curr_end, */
#calendar .upper .act_end,
#calendar .upper .clean_end,
#calendar .upper .curr_cell div.c div.c, #calendar .upper .act_cell div.c div.c {
	background-image: url(/image/cal-round-gtr.gif);
}

/* #calendar .lower .curr_end div, */
#calendar .lower .act_end div,
#calendar .lower .clean_end div,
#calendar .lower .curr_cell div.c div.c div, #calendar .lower .act_cell div.c div.c div {
	background-image: url(/image/cal-round-gbr.gif);
}

#calendar .curr_begin {
	background-image: url(/image/cal-round-emp-tl.gif);
}

#calendar .curr_begin div {
	background-image: url(/image/cal-round-emp-bl.gif);
}

#calendar .curr_end {
	background-image: url(/image/cal-round-emp-tr.gif);
}

#calendar .curr_end div {
	background-image: url(/image/cal-round-emp-br.gif);
}

#calendar .curr_middle div {
	border-top: 2px solid #7db0d6;
	border-bottom: 2px solid #7db0d6;
	padding: 1px;
}

#calendar .inact, #calendar .inact a {color: silver;}


/*        single => 'CalCellLastS',
        begin => 'CalCellLastB',
        middle => 'CalCellLastM',
        end => 'CalCellLastE',
*/

table.nested {padding: 0; margin: 0; border: 0;}
table.nested tr {border: 0; background: transparent;}
table.nested td {margin: 0; border: 0;}
.current {
	font-weight: bold;
}

.comment {
	margin: 10px 0 10px;
}

.captcha {
	text-align: left;
	margin-bottom: 10px;
}

.paylogo {padding-top: 20px;}
.paylogo div {margin: 20px;}

.paysys {
	text-align: center;
	width: 100%;
}

.paysys table {
	border-collapse: collapse;
	margin: auto;
}

.paysys td {
	padding: 10px;
}

td.cost {
	font-weight: bold;
	text-align: center;
}

.nowrap {
	white-space: nowrap;
}

#plan-warning {
	color: red;
	font-weight: bold;
	display: none;
	margin-bottom: 0.2em;
/*	border: 1px solid red;
	padding: 5px;*/
}

.entity_form {
	width: 100%;
}

.entity_form .input {
	width: 60%;
}

.entity_form .scale {
	width: 40%;
}

div.nav {margin: 10px 0;}
div.nav div {float: left; background: url(/image/nav-arr-end.gif) 0 50% no-repeat; margin-left: -20px;}
div.nav div.current {background-image: url(/image/nav-arr-end-act.gif);}
div.nav div div {background: url(/image/nav-arr-start.gif) 100% 50% no-repeat; margin: 0;}
div.nav div.current div {background-image: url(/image/nav-arr-start-act.gif);}
div.nav div div div {margin: 0 24px; padding: 8px 0 8px 10px; background: url(/image/wave-bg-gray.gif);}
div.nav div.current div div {background: url(/image/wave-bg-blue.gif);}

div.nav div.first {background: none; margin-left: -24px;}

div.scroll {
	overflow: auto;
}

div.textarea div.scroll {
	height: 15em;
}

table.designed tr.disabled_query_finder {
	background-color: #ffffdd;
}

table.designed tr.disabled_query_finder:hover {
	background-color: #efefdd;
}

.disabled {
	color: silver;
}

.disabled td {
	color: gray;
	background-color: #eeeeee;
}
.disabled a {
	color: silver;
}

.tp_button {
	color: green;
	background-color: #eeeeee;
	height: 35px;
	font-size: 16px;
}

.tp_button_cancel {
    color: black;
    background-color: #eeeeee;
    height: 35px;
    font-size: 16px;
}

.negative {
	  color: #cc0000;
}

.announce, .announce a { color: #cc0000; font-weight: normal; text-decoration: none; }
.announce a:hover { color: #cc0000; text-decoration: underline; }
#menu ul.announce li { list-style-image: none; list-style-type: none; color: #63c812; }
#menu ul.announce a, ul.announce a:hover { color: #63c812; }

table.designed td.d2offset {
	padding-left: 2em;
}

table.reg_banner { width: 40%; background-image: url(/image/teaser-3-bg.png); }
table.reg_banner td { color: white; text-align: center; padding: 1ex 2em 1ex 2em; }
table.reg_banner a { color: white; }

td.text_in_column { width: 33.3%; padding: 0.5ex 1em 1ex 1em; border-left: 1px solid #ccc }
td.text_in_column_last { width: 33.4%; padding: 0.5ex 1em 1ex 1em; border-left: 1px solid #ccc; border-right: 1px solid #ccc }

table.float_right_block { float: right; }

form#seorost_user_stat select.select {width:200px;}

div.controls {margin: 3px 0px 50px 160px;}
div.controls table.controls td {text-align:left}


iframe#faq_div {
	position: absolute;
    left: 60%;
    top: 135px;
	background-color: #fffff0;
	display:none;
	height: 415px;
    width: 20em;
	border: solid #666666 1px;
    padding: 2px;
	z-index: 99;
}

div.faq_all {
	background-color: #fffff0;
}
span.faq_close {
	cursor:pointer;
}
div.faq_text {
	overflow:auto;
	overflow-y:auto;
	overflow-x:hidden;
	padding: 0px 1.5em;
	font-size:90%;
	height:380px; 
	margin-top: 0.5em;
}

iframe#etalon_popup {
    position: absolute;
    z-index:99;
	background-color: #fffff0;
	display:none;
	height: 200px;
    width: 20em;
	border: solid #666666 1px;
    padding: 2px;
}


body.etalon {
	background-color: #fffff0;
}

div.etalon_text {
    padding: 0 1.5em;
    height: auto;
}

.etalon_query {
    text-align: center;
    font-weight: bold;
    padding: 0 1.5em;
    margin: 0.5em 0; 
    word-wrap: break-word; /* IE */
    word-break: break-all;
}

.etalon_query span {
    font-weight: normal;
}

div.etalon_url, td.etalon_url {
    border-top: 1px dotted silver;
    border-bottom: 1px dotted silver;
    padding: 0.5em 0;
    word-wrap: break-word; /* IE */
    word-break: break-all;
    font-size: 0.8em;
}

div.etalon_title, td.etalon_title {
    border-top: 1px dotted silver;
    border-bottom: 1px dotted silver;
    padding: 0.5em 0;
    font-weight: bold;
    font-size: 0.8em;
}

#counter_banners {
  float: right;
}

td.red {color:red;}
td.green {color:green;}
tr.project_disabled {color:#bbb;font-size:90%;}
tr.project_disabled a:link {color:#88E1F1;}
tr.project_disabled a:visited {color:#88E1F1;}

.hasChilds {font-weight:bold;}

.counter_code {
	font-size: 1em;
	width: 90%;
	overflow: hidden;
	border: 2px inset silver;
	padding: 0.5em;
	background-color: #f0f0f0;
}

.inline {
	display: none;
}

.search_field {
	vertical-align: middle;
	padding: 0;
	margin: 0;
	white-space: nowrap;
}

.search_field td {
	padding: 0;
	margin: 0;
	vertical-align: middle;
}

.search_field img {
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

.search_field input {
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

.th_top_row {
	border-bottom: 1px solid silver;
}

.selector label {float:none;}
.undefined {color: #888}
.d0 .undefined {color: #888}
.d1 .undefined {color: #888; padding-left: 20px;}
.filter_preview .title {font-weight: bold}
.filter_preview .content {margin: 0.5em 0 1em 0;}
.filter_preview .remark {font-weight: bold; line-height: 1.5; color: gray}

/* filter form styles */
.filter_form {margin: 0 0 1em 0}
.filter_form form {display: inline}
.filter_form_section {
	border: 1px solid silver;
	background: #EEEEEE;
	padding: 1em;
	margin-bottom: 1em;
}
.common {padding: 0.5em; width: auto; white-space: nowrap}
.field_title {font-weight: bold}
.double_select .field_title {display: inline}
.editable_string input {display:none; width: 100%}
table.editable_list {border-collapse:collapse}
.complex_list, .simple_checkbox_list {margin: 0 0 1em 0}

.modal_window textarea {
	width: 30em;
	height: 30em;
}
.list a {color: green}
.list .switch {margin-top: 0.5em}
.table_toolbar {
	width: 100%;
}
.table_toolbar td {
	text-align: right;
	white-space: nowrap;
}
.table_toolbar td.first {
    text-align: left !important;
}
.table_toolbar_title {
	width: 100%;
	text-align:	left !important;
	font-weight: bold;
	vertical-align: middle !important;
	padding: 0 5px;
}
#main .table_toolbar td {vertical-align: bottom}
.table_toolbar .controls {text-align: right; white-space: nowrap; padding-left: 1em}
.table_toolbar .left {text-align: left;}
.table_toolbar .switch {text-align: right; white-space: nowrap}
.select_info {display: none}
label {display: inline; vertical-align: inherit}
.search {white-space: nowrap; vertical-align: inherit}
table.calendar {
	border-collapse: separate;
	background-color: white;
	margin: 1em 0;
}
.calendar td {
	background-color: #dddddd;
	padding: 0.2em;
	height: 1em;
	width: 1em;
	text-align: center;
}
.calendar .selected {background-color: green}
.calendar .empty {color: inherit}
.calendar .ruler, .calendar thead th {background-color: #7db0d6; color: white}
.calendar td:hover {cursor: pointer; background-color: cyan}
.calendar th:hover {cursor: pointer; background-color: cyan}
.calendar th.caption:hover {cursor: normal; background-color: #7db0d6}
.modal_window {padding: 1em; text-align: center}
.textbox .controls {text-align: center}
.new td {background-color: lightgreen}
.error td {background-color: #ffcccc}

div.dimension  {white-space: nowrap}
.dimension input {display: inline; width: 4em}

div.inverse {display: block; margin-top: 1em}

/* */
.pager_button {vertical-align: middle}
.pager_links img {
	vertical-align: middle;
}
.page_link {
	cursor: pointer;
}

.progress_capture {
	background-color: white;
	opacity: 0.75;
	z-index: 99;
	text-align: center;
	vertical-align: absmiddle;
	cursor: wait;
}

.progress_capture p {
	position: relative;
	top: 45%;
	color: black;
	font-weight: bold;
}

.scrollarea {
	border: 1px solid gray;
	margin-bottom: 1em;
}

.sort_link {
	cursor: pointer;
	color: #444;
}

img.control_button {
	cursor: pointer;
}

.link {cursor: pointer; text-decoration: underline}
table.designed th.filtered {
	color: red;
}

.shorten {
	cursor: pointer;
	color: silver;
}

td.serp_site {
	font-weight: bold;
	text-align: right;
}

.see_also {
	margin: 1em 0;
	border-collapse: collapse;
}

.see_also td {
	padding-left: 1em;
}

ul ul {
	padding-left: 1em;
}

.short_notice {
	text-align: center;
}

.graph_controls div {
	display: inline;
	float: left;
	margin-right: 2em;
}

.graph_controls .select {
	padding: 0
}

.graph_controls .title {
	padding: 0;
	margin: 0;
	font-weight: bold;
}

.graph_legend {
	text-align: center;
	width: 600px;
}

.graph_legend div {
	display: inline;
}

.graph_legend img {
	width: 16px;
	height: 16px;
	vertical-align: absmiddle;
	margin-right: 0.5em;
}

table#graph_legend_table {
	border-collapse: collapse;
	width: 600px !important;
	margin-bottom: 0.5em;
}

table#graph_legend_table td {
	padding: 0;
	margin: 0;
	border: 0;
	text-align: left;
	white-space: normal;
}

table#graph_legend_table td.img {
	width: 16px;
}

table#graph_legend_table td.legend {
	padding: 0 1em 0.5em 0;
	font-size: 80%;
}

div.inline_pager {
	display: inline;
	white-space: nowrap;
}

.report_toolbar {
	text-align: right;
}

.table_bottom {
	margin-top: 0.5em;
}

option.d0 {
	background-color: #eee;
}
option.d1 {
	padding-left: 1em;
}

.caption {
	padding: 5px 7px;
	font-weight: bold;
	color: gray;
	text-align: left;
}

.delta_date {
	font-weight: bold;
	color: gray;
}

td.comment a {
	text-decoration: none;
	color: #555;
}

.review .pager{
	text-align: right;
	margin: 0.5em 0 0.5em 0;
	padding: 0.5em;
	background-color: #eee;
}

div.review_item {
	border-bottom: 1px dashed gray;
	padding: 1em;
	margin: 1em 0;
}

.review_item .title {
	font-weight: bold;
	margin-bottom: .5em;
}

.review_item .number {
	color: #b8d5eb;
}

.no_report {
	color: red;
	text-align: center;
	padding: 1em;
}

.review .controls {
	text-align: left;
	margin: 0;
}

td.loading {
	text-align: center;
}

.center {
	text-align: center;
}

.blockcode {
	overflow: hidden;
	border: 1px solid silver;
	padding: 0.5em;
	background-color: #f0f0f0;
}

span.hint_em {
	font-weight: bold;
/*	color: #018ED4; */
	color: #808080;
}

.complex_table {
	width:100%;
	border-collapse: collapse;		
}

.complex_table_menu ul, .complex_table_menu li {margin: 0; padding: 0;}
.complex_table_menu li {list-style-image: none; list-style-type: none;}
.complex_table_menu li div {margin: 0 24px 0 0; padding: 5px 0 5px 10px;}
.complex_table_menu li.active {background: url(/image/nav-arr-start-act.gif) 100% 50% no-repeat;}
.complex_table_menu li.active div {background: url(/image/wave-bg-blue.gif);}

.info {
	cursor: help;
}

.excel_selector {
    padding: 0.5em;
    margin-bottom: 2em;
}

.blockquote {
    padding: 0.5em 0 0 2em; 
}

.select_box_control {
    display: inline;
}

input.error {
    background-color: #ffeeee;
}

div.result_scroller {
    border: 1px solid silver;
    height: 20em;
    width: 800px;
    overflow: auto;
}

.result_scroller td {
    border-bottom: 1px dotted silver;
}

div.link_switcher {
    margin: 1em 0;
}

.link_switcher a, .link_switcher span {
    display: inline-block;
    background-color: #f5f5f5;
    padding: 1em 1.5em;
    border: 1px solid silver;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.link_switcher span {
    background-color: white;
    font-weight: bold;
}

.range .num {
    font-weight: bold;
}

#display_added {
    width: 50em;
}

#admin_top_menu {
    top: 0;
    position: fixed;
	background-color:black;
	width:100%;
	text-align:center;
	height:23px;
	padding:10px;
	z-index:10000;
}
#admin_top_menu a {
	text-decoration:none;
	color:white;
	font-weight:bold;
	font-size: 90%;
}
#admin_top_menu span {
	padding: 5px 7px;
	height:100%;
	padding-left: 1.5em;
	padding-right: 1.5em;
}
.admin_top_menu_list {
    position: absolute;
    z-index: 1500;
	background-color:black;
	display:none;
	padding: 20px;
	top: 44px;
	border-radius: 10px;
}
.transparent30 img {
    opacity: 0.3; 
}
.transparent30 th:hover img {
    opacity: 1; 
}

/* snippet window */
.snippet-viewport {
    padding: 2em;
}

.snippet-viewport .title {
    font-size: 1.2em;
    margin: 0 0 1em 0;
}

.snippets {
    margin: 0 0 1em 3em;
}

.snippets .engine {
    color: red;
    font-weight: bold;
    margin-bottom: 1em;
}

.snippets .pos-text {
    margin: 0 0 1em 3em;
}

.snippets .pos-title {
    margin-bottom: 0.3em;
}

.snippets .pos-url {
    font-size: 0.8em;
}

.snippets .pos-url a {
    color: green;
    opacity: 0.8;
    text-decoration: none;
}

.snippets .pos-snippet {
    font-size: 0.8em;
}

/* query with snippet link */
.query_link div {
    display: inline-block;
}

.query_link div.link {
    float:right;
}

.query_link .link img {
    cursor: pointer;
    text-decoration: none;
}

/* payment types block */
div.paytypes-section {
    display: block;
    margin: 2em 0;
    padding: 0 10%;
}

div.paytypes {
    display: block;
    text-align: center;
    float: none;
}

.paytypes div {
    display: inline-block; 
    padding: 0 20px 20px 20px ;
    font-weight: bold;
    text-align: center;
}

/* payment types block for main page */
div.paytypes-section-min {
    display: block;
    margin: 2em 0;
    text-align: left;
}

div.paytypes-min {
    display: block;
    margin: 0 16px;
    text-align: left;
    float: none;
}

.paytypes-min div {
    display: inline-block; 
    padding: 4px;
    font-weight: bold;
    text-align: center;
}

.paytypes-min img {
    height: 18px;
}
/* */

.remark {
    text-align: center;
    margin-top: 1em;
    font-style: italic;
    font-size: 0.8em;
}

.list-expanded {
    line-height: 2;
}

.success-button {
  color: #fff;
  background-color: #00aa33;
  font-weight: bold;
  border: 1px solid #00aa33;
  padding: 10px 20px;
  outline: none;
  display: inline-block;
  text-decoration: none;
  margin-right: 10px;
}

.success-button:hover {
  background-color: green;
  border: 1px solid green;
  cursor: pointer;
  text-decoration: none;
}

.danger-button {
  color: #fff;
  background-color: #e5491f;
  font-weight: bold;
  border: 1px solid #e5491f;
  padding: 10px 20px;
  outline: none;
  display: inline-block;
  text-decoration: none;
  float: right;
  margin-left: 10px;
}

.danger-button:hover {
  background-color: red;
  border: 1px solid red;
  cursor: pointer;
  text-decoration: none;
}

div.paginator {
  text-align: center;
  margin-top: 20px;
}

div.paginator li {
  display: inline-block;
  background-image: none;
  padding: 5px 10px;
  border: 1px solid #ccc;
}

div.paginator a {
  text-decoration: none;
  background-image: none;
}

div.paginator li.active {
  font-weight: bold;
  background-color: #eee;
}

div.caption p {
  padding: 2px 0px;
  margin: 0px;
}

ul#help-regions li.region-letter {
  float: left;
  display: block;
  min-width: 250px;
  margin-bottom: 20px;
  margin-right: 20px;
}

pre.fixed-num {
  display: inline-block;
  margin:  0px;
  padding: 0px;
  font-family: monospace;
  font-weight: bold;
  color: #4992ca;
}

table.designed td {
  position: relative;
}

span.admin-top-menu-item a {
  text-decoration: none;
}

table#xclient-list {
  border-collapse: separate;
  border: 1px solid rgb(192, 192, 192);     
  margin: 0px;
  table-layout: fixed;
  width: 100%;
}

.copy {
	width: 50%;
	display: block;
	padding-top: 20px;
	float: left
}

.s-link {
	display: block;
	height: 48px;
	width: 50%;
	float: right;
	margin-top: 20px;
	padding-top: 8px;
	text-align: right;
}
.s-link__inner {
	display: block;
	text-decoration: none
}
.s-link__caption {
	display: inline-block;
	vertical-align: top;
	font-size: 80%;
	color: silver;
	text-decoration: underline;
}
.s-link__caption:hover {
	text-decoration: none;
}
.s-link__img {
	display: inline-block;
	vertical-align: top;
	padding: 0 0 0 10px;
}